@charset "utf-8";
@import "compass";
a:focus {text-decoration: none;}
/* 首页样式
======================================================== */

.main .right-section {position: relative;background: #f0f0f0;padding: 15px 0;
	.l {float: left;width: 79%;
      .row {margin: 0;}
		.col1 {float: left;width: 56%;}
		.col2 {float: right;width: 43%;}
	}
	.r {position: absolute;width: 20%;right: 0;height: 96%;}
}

/*左侧panel 块*/
.card {padding: 20px 35px;margin-bottom: 10px;background: #fff;
	.days{
		li {float: left;padding: 2px 6px;border-radius: 5px;margin-left: 5px;background: #ddd;color: #fff;font-size: 12px;cursor:pointer;
		}
      a {color: #fff;}
	}
	.head {height: 35px;margin-bottom: 20px;font-size: 18px;
		li {display: inline-block;margin-right: 40px;
			&.active{padding-bottom: 5px;border-bottom: 2px solid;}}
	}
	.cont {@include pie-clearfix;
      li {display: none;
        &.active {display: block;}
      }
      dt {margin-bottom: 15px;color: #888;font-weight: normal;}
      dd {font-size: 24px;font-family: PingFang SC;}
      .btn-wrap {
        a {padding-right: 10px;margin-right: 10px;border-right: 1px solid #f0f0f0;color: #888;font-size: 14px;
          &:last-child {border-right: none;}
			&#btnRecharge {border-right: 1px solid #f0f0f0;}
        }
      }
	}

}

/*右侧更新日志*/
.update-log {height: 100%;padding: 20px 0 0 15px;margin-bottom:15px;background: #fff;overflow: hidden;
  header {margin-bottom: 15px;margin-top: 5px;
    h2 {font-size: 18px;font-weight: normal;}
  }
  .cont {
    dl {padding: 15px 50px 10px 15px;border-top: 1px solid #f0f0f0;cursor: pointer;}
    dt {position: relative;margin-bottom: 5px;font-weight: normal;
      &:before {content:"";position: absolute;display: inline-block;left:-15px;width: 6px;height: 6px;top: 3px;margin-top: 2px;border-radius: 100%;}
    }
    dl.pass {
      dt {color: #888;
        &:before {display: none;}
      }
    }
    dd {margin-bottom: 5px;color: #888;}
    dd.detail {display: none;}
  }
}

/*更新公告弹窗 */
.update-layer {padding: 35px 45px 15px;background: #fff;color:#999;
  h3 {margin-bottom: 35px;font-size: 20px;font-weight: bold;text-align: center;color: #333;}
  p {margin-bottom: 20px;line-height: 200%;}
  ol {margin-bottom: 20px;}
  li {line-height: 180%;}
}
